﻿//项目id全局变量
var projectID="--------------------------------";
var projectName=null;
var textL2=null;
layui.use('element', function() {
	var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
	//监听导航点击;
	element.on('nav(demo)', function(elem) {
		 textL2=elem.children('a').html();
		var txt = projectName+"--" + textL2;
			url = elem.attr('src-data');
		$('.iframe-content iframe').attr('src', url+"_"+projectID);
		$('.title-txt .txt').html(txt);
		$("#sidebar i").click();
	});
});
var fleg=true;
//点击一级bar
$('.barnav1').on('click',function(){
	var w = $('.my-nav2').width();
	$('.my-nav1 li').removeClass('layui-nav-itemed');
	$(this).addClass('transition');
	if(fleg){
		$(this).css("marginLeft",'-104px');
		$('.my-nav1 li span').hide()
		if(w>2){
			$(".my-body").css('left','220px');
			$('.slideBox1').animate({'width':'60px'},300,function(){
				fleg=false;	
			})
			$('.my-nav2').animate({'left':'60px'},300,function(){	
			})
		}else{
			$('.my-nav2').hide();
			$(".my-body").css('left','60px');
			$('.slideBox1').animate({'width':'60px'},300,function(){
				fleg=false;
			})
		}
	}else{
		$(this).css("marginLeft",'0px');
		$('.my-nav1 li span').show()
		if(w>2){
			$('.slideBox1').animate({'width':'160px'},300,function(){	
				$('.my-nav2').show();
				$(".my-body").css('left','320px');
				fleg=true;
			})
			$('.my-nav2').animate({'left':'160px'},300,function(){	
			})
		}else{
			$('.my-nav2').hide();
			$('.slideBox1').animate({'width':'160px'},300,function(){	
				$('.slideBox1').css('width','160px');
				$('.my-nav2').show();
				$(".my-body").css('left','160px');
				$('.my-nav2').css('left','160px');
				$('.my-nav1').children().show();
				fleg=true;
			})	
		}
	}
});
/*click-nav1-list*/
$('.my-nav1 li').click(function() {
	var w = $('.my-nav2').width();
	$('.my-nav1 li span').show();
	$('.barnav1').css("marginLeft",'0px');
	if(w>2){
		$('.slideBox1').animate({'width':'160px'},300,function(){	
			$('.my-nav2').show();
			$(".my-body").css('left','320px');
			fleg=true;
		})
		$('.my-nav2').animate({'left':'160px'},300,function(){	
			})
	}else{
		$('.my-nav2').animate({'left':'160px'},300,function(){	
		})
		$('.slideBox1').animate({'width':'160px'},300,function(){	

			$('.my-nav2').show();
			$(".my-body").css('left','160px');	
			fleg=true;
		})
	}	
})

//初始化那nav1,nav2滚动条

$(".layui-side-scroll").mCustomScrollbar({
			alwaysShowScrollbar : 0,
			theme : "dark"
		});
var numClick=0;
var slideToggle = (function() {
	function slideToggle() {
		$('.my-nav1 li dd').click(function() {
			var target = $(this);
			var w = $('.my-nav2').width();
			var clickNum=$('.my-nav2').width();
			numClick++;
			var url = $(".my-nav2 .layui-this").attr("src-data");//获取nav2高亮的src-data;
			textL2 = $(".my-nav2 .layui-this").children().html()
			clickNum++;
			//取出项目id并赋值到全局变量
			projectID=target.attr("id-data");
			 projectName=target.children().text();
			 $('.title-txt .txt').html( projectName+"--"+textL2);
			//将项目id赋值给本地存储,存储 用来记录最后一次点击的项目名称
			localStorage.lastProjectId=projectID;
			//解决分辨率不标准时 宽度无限接近0,或者在1跟2之间...
			if (w < 2 ) {
				if(numClick==1){
					$('.my-nav2').animate({
						"width" : "160px"
					}, 300, function() {
						$(".my-body").css("cssText", "left:320px");
					});
				}else{
					$('.barnav1').click()
					$('.my-nav2').show()
					$('.my-nav2').animate({
						"width" : "160px",
						"left":"60px"
					}, 300, function() {
						$(".my-body").css("cssText", "left:220px");
					});
				}
			}else{
				if( clickNum!==0){
					$('.barnav1').click();
				}
			}
			//切换项目时候将页面关闭,防止脏数据,显示对应高亮的内容
			if(url){
				$(".iframe-content iframe").attr("src",url+"_"+projectID);
			}else{
				$(".iframe-content iframe").attr("src","");
			}	
			return false;
		})
		//点击收起二级的左箭头
		$("#sidebar i").click(function() {
			if(fleg){
				$(".my-body").css("cssText", "left:160px");		
			}else{
				$(".my-body").css("cssText", "left:60px");
			}
			$('.my-nav2').animate({
				"width" : "0px"
			}, 300, function() {})
		})
	}
	return {
		slide : slideToggle
	}
})()
slideToggle.slide();


$(function() {
	openP();
	/*click-nav1-i标签 项目编辑按钮*/
	$('.slideBox1 .layui-nav-child i').click(function() {
		layer.open({
			type : 2,
			title : '编辑项目',
			shadeClose : true,
			resize:false,//禁止拉伸
			shade : 0.2,
			//offset : '20%',
			area : [ '1100px', '80%' ],
			content : 'projectInfo/toEditProject?pId='+$(this).parents("dd").attr("id-data") //iframe的url
		});
		return false;
	});
	
	//默认选中某个项目
	selectProFirst();
	//setTimeout("selectProFirst();",2000);
	//加载到期客户
	//searchExpireCustomer();
});
//默认选中第一个项目
function selectProFirst(){
	//获取localStorage中最后一次访问的项目id
	var lastPId = localStorage.lastProjectId;
	var lastP=$("ul.my-nav1 dd[id-data='"+lastPId+"']");
	if(lastP.length>0){//如果有记录上次操作的项目就选择哪个项目如果没有或者该项目不存在了则默认选中第一个
		lastP.parent().parent().addClass("layui-nav-itemed");
		lastP.addClass("layui-this").click();
	}else{
		var $ul = $("ul.my-nav1");
		var $li = $ul.children().eq(0).addClass("layui-nav-itemed");
		$li.children("dl").children("dd").eq(0).addClass("layui-this").click();
	}
}

//打开新增项目窗口
function openP() {
	$("#addP").click(function() {
		layer.open({
			type : 2,
			title : '新增项目',
			shadeClose : true,
			resize:false,//禁止拉伸
			shade : 0.2,
			offset : '20%',
			area : [ '800px', '430px' ],
			content : 'projectInfo/toAddProject' //iframe的url
		});
	});
}

//查询到期客户 距今60天
function searchExpireCustomer(){
	$.getJSON("customerInfo/findExpireCustomerNow",function(data){
		if(data){
			layer.msg("有"+data.length+"个客户，租期即将到期");
		}
	});
}
